<%@include file="includes/head.jsp" %>



	<span id="status">Hola mundo...</span>
	
<a href="/">Home</a>
 <div id="links"> 
	 <a href="http://google.com">Google</a> 
	 <a href="http://ubuntu.com">Ubuntu</a> 
	 <a href="http://debian.org">Debian</a> 
</div>

<input type="text" id="texto" />
<input type="button" value="Crear" onclick="crear()" />
<ul id="lista"></ul>


<script type="text/javascript">
	function crear(){
		li = document.createElement('li');
		valor = document.getElementById('texto').value;
		
		li.innerHTML=valor;
		document.getElementById('lista').appendChild(li);
		
	}
	
	
	function init(){
		
		document.write("<h1>Hellow world</h1>");
		
		var el = document.getElementById("status");
		
		
		console.info(el.innerHTML);
		var el2 =document.getElementById("435234t3");
		
		if(el2 == undefined){
			console.error("no hemos encontrado el elemento de id 34390853");
			
		}
			 links = document.getElementById("links"); 
			 // Ahora obtenemos todos los elementos con tag A que hay 
			 // dentro del elemento 'el' var 
			 as = links.getElementsByTagName("a"); 
			 // Y finalmente recorremos el array de elementos para 
			 // cambiarles el color a cada uno 
			 for (var i=0; i<as.length; i++) { 
			 as[i].style.color = 'red'; // negro 	
			 }
			
	
}
	window.onload=init();
</script>

	
<%@include file="includes/footer.jsp" %>